@charset "utf-8";
/* CSS Document */

body
 { 
    text-align:center; 
	margin:0; 
	padding:0; 
	font-family:Lucida Grande, Arial; 
	font-size:14px; background-color:#ebebeb; 
	color:#4f6b72;
}
a
{
 
 color:#4f6b72;
 }
 
 h1, h2, h3, h4 { color: #333; }

 h2 { font-size: 152%;

}
h3, h4 { font-size: 122%;
   
}
.button 
{
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	height:30px;
	margin: 0 2px 0 0px;
	outline: none;
	cursor: pointer;
	text-align: center;
	font: 13px/100% Arial, Helvetica, sans-serif;
	padding: .2em 0.8em .22em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

 
 .white {
	color: #606060;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.white:hover {
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
.white:active {
	color: #999;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top,  #ededed,  #fff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}

.clear
{
	clear:both;
}
#nav
{
  float:left;
  padding:8px;
  margin-left:-8px;
  margin-bottom:10px;
  width: 351px;
  height: 24px;
  
  
}
.site_map_path
{
 float:left;
 padding-top:10px;
}

.wrapper
{
	margin:0 auto; 
	width:900px;
	height:auto;
}

.logo
{ 
  float:left; 
  margin-top:10px;
  width:300px;
  
}
.login_zone
{
 
 float:right;   
 font-family:Arial;
 font-size:12px;
 line-height:150%;
 border-left:1px solid #b3b3b3;
 padding-left:10px;  
 margin-top:10px;
 text-align:left; 
 
 
}
.line
 {
   border-top:1px solid #bab9b9; 
   height:1px; 
  }
#header
{
	height:auto;
	float:left; 
	width:900px;
}

#login_panel
{

    clear:both;
	background-color:#FFFFFF; 
	border:1px solid #bab9b9; 
	text-align:center;
	padding-bottom:25px;
	height:auto;
	margin-top:20px;
	margin-bottom:20px;
}
.main_content
{

  width:900px;
  margin:0 auto;
  background-image:url('../images/noise.jpg');
  background-repeat:repeat;
  border-top:8px solid #666;
  border-bottom:4px solid #666;
    
  -moz-box-shadow: 5px 5px 5px #aeaeae;
  -webkit-box-shadow: 5px 5px 5px #aeaeae;
  box-shadow: 5px 5px 5px #aeaeae;

}
.main_content2
{
  float:left;
  height:auto;
  width:900px;
  margin:0 auto;
  background-image:url('../images/noise.jpg');
  background-repeat:repeat;  
  padding-bottom:10px;
  border-top:8px solid #666;
  border-bottom:4px solid #666;
   -moz-box-shadow: 5px 5px 5px #aeaeae;
  -webkit-box-shadow: 5px 5px 5px #aeaeae;
  box-shadow: 5px 5px 5px #aeaeae;
    
}
.box
{
  border:1px solid #bab9b9;
  padding:6px; 
  width:320px; 
  color:#707070; 
  font-size:14px;
	margin-right: 0px;
}
 
.box2
{
  border: solid 1px #E5E5E5;
	background: #FFFFFF;
	/*margin: 5px 10px 0px 10px;*/
	padding: 6px;
	display:block;
	font-size:13px;
	width:76%;
	background: 
		-webkit-gradient(
			linear,
			left top,
			left 25,
			from(#FFFFFF),
			color-stop(4%, #EEEEEE),
			to(#FFFFFF)
		);
	background: 
		-moz-linear-gradient(
			top,
			#FFFFFF,
			#EEEEEE 1px,
			#FFFFFF 25px
			);
			
	-moz-box-shadow: 0px 0px 8px #e8e8e8;
	-webkit-box-shadow: 0px 0px 8px #e8e8e8;
	box-shadow: 0px 0px 8px #e8e8e8;  
    
  
 }
.box2:focus
{
    background:#feffef;
}

 
 
.com_btn
 {
    margin:0px; 
	padding:6px 10px; 
	border:0px; background-color:#f7941d; 
	color:#fff; font-size:14px; 
}
#footer
{
    float:left;
	height:52px;
	text-align:right;
	font-size:11px;	
	margin-top:20px;
	margin-right:1
}
th 
{
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	/*
	border-right: 1px solid #C1DAD7;*/
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 1px;
	text-transform: uppercase;
	/*text-align: left;*/
	padding: 6px 6px 6px 12px;
	background:url(../images/bg_header.jpg) #CAE8EA no-repeat ;
}

th.nobg 
{
	border-top: 0;
	border-left: 0;
	/*border-right: 1px solid #C1DAD7;*/
	background: none;
}
/*td {
    
	/*border-right: 1px solid #C1DAD7;*/
	/*border-bottom: 1px solid #C1DAD7;*/
	/*background: #fff;*/
	/*padding: 2px;*/
	/*color: #4f6b72;*/
/*}*/

*/

td.spec
{
    padding: 8px 8px 8px 16px;
    color: #4f6b72;
    /*background:#e1e1e1;*/
    }
td.line_bottom
{
    
    border-bottom:1px solid #cccccc;
    
    }
tr.border_bottom 
{
  border-bottom:2px solid #ffffff;
  /*background:#e2e2e2;*/

}

td.alt {
	background: #F5FAFA;
	/*color: #797268;*/
}

th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(images/bullet1.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(images/bullet2.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}

#txt_right
{


	height:auto;
}

.normal
{
  background:#FFFFFF;
}
.highlight
{
  background:#666666; 
}

.header_grid
{
  
  border-right:1px solid #acacac;
  border-bottom:#FFFFFF solid 2px;
  border-bottom:2px solid #ffffff;
  background:#e2e2e2;
  text-align:center;
    
 }
.border_grid
{
    border:1px solid #acacac;   
 
} 
.pager_style_grid
{
    text-align:center;
    background:#929292;
           
}
 
.rounded
{
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    background:#f7f7f7;
    padding:10px;
    border:1px solid #ececec;
    width: 73px;
} 

.rounded:hover
{  
   background:#fff;
} 

.home
{
    border: none;
    /*margin: 3px 0px;*/
   
}

.breadcrumb
{
    font: 12px Arial, Helvetica, sans-serif;
    background-image:url('../images/bc_bg.png'); 
    background-repeat:repeat-x;
    height:30px;
    line-height:30px;
    color:#9b9b9b;
    border:solid 1px #cacaca;
    width:100%;
    overflow:hidden;
    margin:0px;
    padding:0px;
     -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    

}

.breadcrumb li
{
    list-style-type:none;
    float:left;
    padding-left:10px;
    color:#1c326c;
    font-weight:bold;

}
.breadcrumb a
{
    height:30px;
    display:block;
    background-image:url('../images/bc_separator.png'); 
    background-repeat:no-repeat; 
    background-position:right;
    padding-right: 15px;
    text-decoration: none;
    color:#1c326c;
    
 }
  
.breadcrumb a:hover
{  
   color:#35acc5;  
}
  


/*----------------msg------------------------------*/
.info, .success, .warning, .error, .validation 
{
    border: 1px solid;
    margin: 10px 0px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.info 
{
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('images/info.png');
}
.success 
{
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('images/success.png');
}
.warning 
{
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('images/warning.png');
}
.error 
{
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('images/error.png');
}
.container
{
}
.info p, .success p, .warning p, .error p {
padding: 0px 50px;
}
.info a, .success a, .warning a, .error a {
float: right;
padding: 10px;
cursor:pointer;
}
.container img {
border: none;
}

/*---------------------Modal popup---------------------*/

.ModalPopupBG
{
    background-color: #666699;
    filter: alpha(opacity=50);
    opacity: 0.7;
}


/*---------------------Footer grid---------------------*/

.grid_footer_pager a:active,a:visited
{
    padding:4px;
}

.grid_footer_pager a:visited
{
    padding:4px;
}
.grid_footer_pager td
{
    padding-left:4px;
    padding-right:4px;
   
}
.grid_footer_pager a
{    
    padding:4px;
    color:#4f6b72;    
    font-weight:bold;
    /*background:#f0f0f0;*/
    -webkit-border-radius: .3em; 
	-moz-border-radius: .3em;
	border-radius: .2em;
	font-size:1em;
	border:none;
    
}

.grid_footer_pager a:hover
{ 
  color:#454545;

}



/*----------------------check -------------------*/

.chk
{
    color:#4f6b72;
    font-size:13px;
}
/*-------------------- noise dot ---------------*/
.txt_with_bg
{
    background-image:url('../img/noise_dot.jpg');
    background-repeat:repeat-x;
    
    
}
/************ MaskedEdit Related Styles ***********************/
.MaskedEditFocus
{
    background-color: #ffffcc;
    color: #000000;
}
.MaskedEditMessage
{
	color: #ff0000;
	font-weight: bold;
}
.MaskedEditError
{
    background-color: #ffcccc;
}
.MaskedEditFocusNegative
{
    background-color: #ffffcc;
    color: #000000;
}
.MaskedEditBlurNegative
{
    color: #ff0000;
}

.MyCalendar .ajax__calendar_container {
    border:1px solid #646464;
    background-color: lemonchiffon;
    color: red;
}
.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_active .ajax__calendar_day,
.MyCalendar .ajax__calendar_active .ajax__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year {
    color: black;
    font-weight:bold;
}

.validatorCalloutHighlight 
{
    background-color: lemonchiffon; 
}
/*------------------------------Modal---------------*/

.modalBackground
{
	background-color: Gray;
	filter: alpha(opacity=80);
	opacity: 0.8;
}

.modalPopup
{
	background-color: #ffffdd;
	border-width: 1px;
	-moz-border-radius: 5px;
	border-style: solid;
	border-color: Gray;	
	min-width: 250px;
	max-width:400px;	
}

.topHandle
{
	background-color: #97bae6;	
}

/*-----------------Report -----------------*/

.report
{
	margin-right:20px;	
	width:900px;
}

/*--------------------- table profile ---------------*/
.dgTongHopChung
{
    font-family:Calibri;
        
}

.dgTongHopChung2
{
    font-family:Arial;
    border:1px solid #4f6b72;
    border-collapse:collapse;
    
        
}

.dgTongHopChung2 td
{
    
    border:1px solid #4f6b72;
    padding:2px;
    font-size:13px;

}
.dgTongHopChung2 tr
{
    
    border:1px solid #4f6b72;   
        
}

/*--------------login -----------------------------*/
#login_zone
{
    
 font-family:Arial;
 font-size:12px;
 line-height:150%;
 border-left:1px solid #b3b3b3;
 padding-left:10px;   
}
/*--------------search -----------------------------*/
#search_profile
{
   float:right;
   padding:10px;
    
}

/*-------------- Combo nghi phep -----------------------------*/
.combox_nghiphep
{
    color:#353535;    
    padding-top:2px;
    padding-bottom:2px;
   
        
    
}

.register_forgotpass
{
        font-family:Calibri;
        font-size:14px
}
.class_table
{
  
    
}
.class_table td
{
    padding-bottom:6px;   
    padding-top:2px;
    
 }
 
 #show_ngay
 {
    font-size:70px;
    width:60px;
    float:left;
    padding-right:10px; 
    padding-left:20px;
    height:auto;
    font-family:Arial;
    margin-top:-10px;
}
 #border_ngaythang
 {
 border-right:1px solid #cecece;
 float:left;
 height:54px;
 width:20px;
 margin-top:4px;
}
#show_thu
{
    float:left;
    width:120px;
    height:auto;
    padding-left:10px;
    font-size:16px;
    text-align:left; 
    
}
#show_thang
{
    float:left;
    width:120px;
    height:auto;
    padding-left:10px; 
    padding-top:20px;
    padding-bottom:20px;
    font-size:16px;
    text-align:left;
}
    